<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点创生物企业官网</title>
    <link rel="stylesheet" href="css/style.css">
    <!-- 添加Font Awesome图标库 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <header class="header">
        <div class="container">
            <div class="logo">
                <h1>点创生物</h1>
            </div>
            <nav class="nav">
                <ul>
                    <li><a href="#home" class="active">首页</a></li>
                    <li><a href="#about">关于我们</a></li>
                    <li><a href="#brand">品牌介绍</a></li>
                    <li><a href="#culture">企业文化</a></li>
                    <li><a href="#team">科研团队</a></li>
                    <li><a href="#technology">核心技术</a></li>
                    <li><a href="#contact">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 轮播图部分 -->
    <section id="home" class="banner">
        <div class="slideshow-container">
            <div class="slide fade">
                <img src="轮播图/轮播图1.jpg" alt="企业形象">
            </div>
            <div class="slide fade">
                <img src="轮播图/轮播图2.jpg" alt="企业产品">
            </div>
            <div class="slide fade">
                <img src="轮播图/轮播图3.jpg" alt="企业环境">
            </div>
            <div class="slide fade">
                <img src="轮播图/轮播图4.jpg" alt="企业成果">
            </div>

            <!-- 左右箭头 -->
            <a class="prev" onclick="changeSlide(-1)">&#10094;</a>
            <a class="next" onclick="changeSlide(1)">&#10095;</a>
        </div>

        <!-- 指示点 -->
        <div class="dots-container">
            <span class="dot" onclick="currentSlide(1)"></span>
            <span class="dot" onclick="currentSlide(2)"></span>
            <span class="dot" onclick="currentSlide(3)"></span>
            <span class="dot" onclick="currentSlide(4)"></span>
        </div>
    </section>

    <!-- 点创介绍 -->
    <section id="about" class="section">
        <div class="container">
            <div class="section-title">
                <h2>点创介绍</h2>
                <div class="underline"></div>
            </div>
            <div class="about-content">
                <div class="about-text">
                    <p>点创生物科技成立于2017年，是国内精准抗衰品牌企业，也是现代科技抗衰领导企业之一，公司主要致力于抗衰老生物制剂、抗衰老医疗美容产品、化妆品等产品的研制、开发、技术转让、联合生产销售；充分发挥科研开发、技术创新能力，不断推进科研成果的产业化，从而实现创造以本公司核心科研成果为基础的抗衰老产业的生态闭环。</p>
                    <p>点创生物科技实施以核心技术自主研发、以苗登顺教授科研团队为核心，以现有专利技术为依托，将科研成果实现量产投放市场转化，为商业效益，实现投资者稳健获利的战略目标。将既有科研成果转化为商业价值的同时，依托自建的科研实验室以及与国际领先科研机构合作，集中专家智慧，深度开发系列养老抗衰产品，造福社会。</p>
                    <p>点创生物科技其科研产品能够为中国高新企业创造更多科研力量，将民族精神深植于心，不断壮大企业力量，追寻党的百年足迹，为社会贡献力量，不负时代、荣光而行。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 比奥芳华介绍 -->
    <section id="brand" class="section bg-light">
        <div class="container">
            <div class="section-title">
                <h2>比奥芳华介绍</h2>
                <div class="underline"></div>
            </div>
            <div class="brand-content">
                <div class="brand-text">
                    <p>比奥芳华成立于2001年,科技是品牌核心。比奥芳华是国内精准抗衰品牌，也是现代科技抗衰领导品牌之一。品牌源自加拿大，由BIOYOUTH抗衰实验室参与研发，比奥芳华平台全线产品坚持以"细胞抗衰"为基因,结合亚洲人的基因特质。联合加拿大Mcgill抗衰老院士博士后共同研发与生产。</p>
                    <p>比奥芳华科技有限公司主要致力于抗衰老生物制剂、抗衰老医疗美容产品、化妆品等产品的研制、开发、技术转让、联合生产销售。公司致力于充分发挥科研开发、技术创新能力，不断推进科研成果的产业化，从而实现创造以本公司核心科研成果为基础的抗衰老产业的生态闭环。</p>
                    <p>比奥芳华实施以核心技术自主研发、以苗登顺教授科研团队为核心，以现有专利技术为依托，将科研成果实现量产投放市场转化，为商业效益，实现投资者稳健获利的战略目标。将既有科研成果转化为商业价值的同时，依托自建的科研实验室以及与国际领先科研机构合作，集中专家智慧，深度开发系列养老抗衰产品，造福社会。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 品牌历程 -->
    <section class="section">
        <div class="container">
            <div class="section-title">
                <h2>品牌历程</h2>
                <div class="underline"></div>
            </div>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-date">2001</div>
                    <div class="timeline-content">
                        <p>比奥芳华研究所建立。</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">2016</div>
                    <div class="timeline-content">
                        <p>成立比奥芳华亚健康皮肤研究库。</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">2017</div>
                    <div class="timeline-content">
                        <p>成立比奥芳华自主研发基地。</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">2019</div>
                    <div class="timeline-content">
                        <p>比奥芳华专家团队共同制定中国抗衰老共识标准。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 品牌理念 -->
    <section class="section bg-light">
        <div class="container">
            <div class="section-title">
                <h2>品牌理念</h2>
                <div class="underline"></div>
            </div>
            <div class="brand-content">
                <div class="brand-text">
                    <p>秉承"幸福同行，健康共享"的品牌理念，用全球尖端的科技力量，以医学科技前沿技术为本，以"让普通人也消费得起干细胞抗衰产品"为发展宗旨，以"打造中国最大的人源干细胞基因抗衰公司"为发展远景。</p>
                </div>
            </div>
            </div>
        </div>
    </section>

    <!-- 企业文化 -->
    <section id="culture" class="section">
        <div class="container">
            <div class="section-title">
                <h2>企业文化</h2>
                <div class="underline"></div>
            </div>
            <div class="culture-content">
                <div class="culture-item">
                    <div class="culture-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h3>企业使命</h3>
                    <p>用干细胞抗衰老技术，造福全球一亿个家庭。</p>
                </div>
                <div class="culture-item">
                    <div class="culture-icon">
                        <i class="fas fa-eye"></i>
                    </div>
                    <h3>企业愿景</h3>
                    <p>让更多中国人健康活到100岁。</p>
                </div>
                <div class="culture-item">
                    <div class="culture-icon">
                        <i class="fas fa-flag"></i>
                    </div>
                    <h3>企业宗旨</h3>
                    <p>攀登技术高峰、为企业共谋发展、为团队谋幸福、承担社会责任。</p>
                </div>
                <div class="culture-item">
                    <div class="culture-icon">
                        <i class="fas fa-heart"></i>
                    </div>
                    <h3>企业精神</h3>
                    <p>饮水思源、不忘初心，生命不息、奋斗不止，励精图治、为国争光。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 科研团队 -->
    <section id="team" class="section bg-light">
        <div class="container">
            <div class="section-title">
                <h2>科研团队</h2>
                <div class="underline"></div>
            </div>
            <div class="team-content">
                <div class="team-intro">
                    <p>我们拥有一支由生物学、化学、医学等多领域专家组成的科研团队。团队成员来自国内外知名高校和研究机构，拥有丰富的研发经验和创新能力。</p>
                </div>
                <div class="team-members">
                    <div class="team-member">
                        <div class="member-photo">
                            <img src="研发团队/图片1.jpg" alt="张教授">
                        </div>
                        <h3>苗登顺</h3>
                        <p>首席科学家</p>
                        <p>博士、南京医科大学特聘（二级）教授、博士生导师</p>
                    </div>
                    <div class="team-member">
                        <div class="member-photo">
                            <img src="研发团队/图片2.png" alt="李博士">
                        </div>
                        <h3>David Goltzman</h3>
                        <p>加拿大皇家院士</p>
                        <p>麦吉尔大学医学部和生理学部的教授、主任</p>
                    </div>
                    <div class="team-member">
                        <div class="member-photo">
                            <img src="研发团队/图片3.png" alt="王研究员">
                        </div>
                        <h3>钟才云</h3>
                        <p>医学教授</p>
                        <p>南京医科大学教授、博士生导师、公共卫生学院教授委员会主任</p>
                    </div>
                    <div class="team-member">
                        <div class="member-photo">
                            <img src="研发团队/图片4.png" alt="陈博士">
                        </div>
                        <h3>胡梓轩</h3>
                        <p>品牌创始人</p>
                        <p>国际健康医美护理会(IAS)主席独家讲师</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 核心技术及研发方向 -->
    <section id="technology" class="section">
        <div class="container">
            <div class="section-title">
                <h2>核心技术及研发方向</h2>
                <div class="underline"></div>
            </div>
            <div class="technology-content">
                <div class="tech-item">
                    <h3>羊膜干细胞外泌体技术</h3>
                </div>
                <div class="tech-item">
                    <h3>羊膜干细胞技术</h3>
                </div>
                <div class="tech-item">
                    <h3>VD-PQQ全身抗衰老技术</h3>
                </div>
                <div class="tech-item">
                    <h3>羊干素生物提纯技术</h3>
                </div>
                <div class="tech-section">
                    <h3>研发方向</h3>
                    <ul class="tech-directions">
                        <li>Al制药</li>
                        <li>基因组学和蛋白质组学</li>
                        <li>纳米技术</li>
                        <li>肠道微生物组研究</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="section bg-light">
        <div class="container">
            <div class="section-title">
                <h2>联系我们</h2>
                <div class="underline"></div>
            </div>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <h3><i class="fas fa-map-marker-alt"></i> 公司地址</h3>
                        <p>南京市江宁区生命科技小镇Max科技园18栋B座102</p>
                    </div>
                    <div class="contact-item">
                        <h3><i class="fas fa-phone"></i> 联系电话</h3>
                        <p>025-8611 2689</p>
                    </div>
                    <div class="contact-item">
                        <h3><i class="fas fa-envelope"></i> 电子邮箱</h3>
                        <p>bafh@163.com</p>
                    </div>
                </div>
                <div class="contact-form">
                    <form>
                        <div class="form-group">
                            <input type="text" placeholder="您的姓名">
                        </div>
                        <div class="form-group">
                            <input type="email" placeholder="电子邮箱">
                        </div>
                        <div class="form-group">
                            <input type="tel" placeholder="联系电话">
                        </div>
                        <div class="form-group">
                            <textarea placeholder="留言内容"></textarea>
                        </div>
                        <button type="submit" class="btn">提交留言</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <h2>点创生物</h2>
                    <p>幸福同行，健康共享</p>
                </div>
                <div class="footer-links">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="#home">首页</a></li>
                        <li><a href="#about">关于我们</a></li>
                        <li><a href="#brand">品牌介绍</a></li>
                        <li><a href="#culture">企业文化</a></li>
                        <li><a href="#team">科研团队</a></li>
                        <li><a href="#technology">核心技术</a></li>
                        <li><a href="#contact">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 南京点创生物科技有限公司 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 